<%@ page contentType="text/html;charset=UTF-8" language="java" trimDirectiveWhitespaces="true" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <meta name="format-detection" content="email=no">
    <title>荩美国际商城</title>
    <link href="/resources/frontcss/Hui.css" rel="stylesheet" type="text/css" />
    <script src="/resources/js/jquery-1.8.1.min.js" type="text/javascript"></script>
    <style>
        .top-cot{ width:100%; height:2.2rem; line-height:2.2rem; background:#28163d; color:#fff; text-align:center; font-size:16px;}
    </style>
</head>
<body>
<div class="top-cot">我的资金</div>

    <div class="H-padding-vertical-bottom-10"></div>
    <div class="H-flexbox-horizontal  H-theme-background-color-white">
        <span class="H-vertical-middle H-padding-horizontal-left-10 H-theme-background-color-white " style="font-size: 2.1rem;">可用资金:</span>
        <input type="text" value="${money.cash}" class="H-textbox H-vertical-align-middle H-vertical-middle H-font-size-16 H-flex-item H-box-sizing-border-box H-border-none H-outline-none H-padding-12"  readonly/>
    </div>
    <div class="H-padding-vertical-bottom-10"></div>

    <div class="H-flexbox-horizontal  H-theme-background-color-white">
        <span class="H-vertical-middle H-padding-horizontal-left-10 H-theme-background-color-white H-font-size-21"  style="font-size: 2.1rem;">购物币:</span>
        <input type="text" value="${money.bonus}" class="H-textbox H-vertical-align-middle H-vertical-middle H-font-size-16 H-flex-item H-box-sizing-border-box H-border-none H-outline-none H-padding-12"  readonly/>
    </div>
    <div class="H-padding-vertical-bottom-10"></div>

    <div class="H-flexbox-horizontal  H-theme-background-color-white">
        <span class="H-vertical-middle H-padding-horizontal-left-10 H-font-size-21"  style="font-size: 2.1rem;">冻结资金:</span>
        <input type="text" value="${money.frozenAmount}" class="H-textbox H-vertical-align-middle H-vertical-middle H-font-size-16 H-flex-item H-box-sizing-border-box H-border-none H-outline-none H-padding-12"  readonly/>
    </div>
    <div class="H-padding-vertical-bottom-10"></div>

    <div class="H-flexbox-horizontal">
        <div class="H-flex-item H-padding-10">
            <div style="color: #f6ad3c;" class="H-font-size-14  H-margin-vertical-top-2">
                <p>
                    友情提示：
                    <br/>
                    为了让所有会员能够持续获利，会员推荐用户购买产品的返利都将分为2部分，普通会员返利的10%直接转化成购物币，代理会员返利的5%转化成购物币，二次购买产品将优先使用购物币。购物币只可用于购买产品，不可用于提现。
                </p>
            </div>
        </div>
    </div>
    <div class="H-padding-10">
        <button tapmode onclick="tx()" class="H-button H-width-100-percent H-font-size-15 H-outline-none H-padding-vertical-both-12 H-padding-horizontal-both-10 H-theme-background-color4 H-theme-font-color-white H-theme-border-color4 H-theme-border-color4-click H-theme-background-color4-click H-theme-font-color4-click H-border-radius-3">
            立即提现
        </button>
    </div>



<%--<div class="total-list2 clearfix">

    <ul>
        <li class="good-center2" >
            <p class="fl price">可用资金:<span class="single_price" id="cash">${money.cash}</span></p>
        </li>

        <li class="good-center2" >
            <p class="fl price">购物币:<span class="single_price">${money.bonus}</span></p>
        </li>

        <li class="good-center2" >
            <p class="fl price">冻结资金:<span class="single_price">${money.frozenAmount}</span></p>
        </li>
    </ul>

    <ul>
        <li>
            为了让所有会员能够持续获利，会员推荐用户购买产品的返利都将分为2部分，普通会员返利的10%直接转化成购物币，代理会员返利的5%转化成购物币，二次购买产品将优先使用购物币。购物币只可用于购买产品，不可用于提现。
        </li>
    </ul>

    <ul>
        <li class="good-center2" style="width:100%;padding-right: 2%;">
           &lt;%&ndash; <button id="order_add_submit1" onclick="transfer()" style="background: #bf2072;text-align: center;width: 105px;
            height:45px;border: none;color: #fff;font-size: 16px;font-weight: bold;float:left;">转账</button>&ndash;%&gt;
            <button id="order_add_submit" onclick="tx()"  style="margin-left:30px;background: #bf2072;text-align: center;width: 105px;
                    height:45px;border: none;color: #fff;font-size: 16px;font-weight: bold;float:right;margin-right: 20px;">提现</button>
        </li>
    </ul>
</div>--%>
<script type="text/javascript">
    function tx(){
        window.location.href = "/front/user/amount/beforeTx";
    }
    function transfer(){
        window.location.href = "/front/user/amount/beforeTransfer";
    }
</script>
</body>
</html>